/* pages/login/login.wxss */
@import "../../app.less";

.loginBox {
  width: 100%;
  height: 100vh;
  background-color: @backgroundColor_1413;
  color: @textColor_fff;

  .navbar {
    padding-left: 20rpx;
    font-size: 50rpx;
  }

  .title {
    text-align: center;
    font-size: 50rpx;
  }

  .conent {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 140rpx;
  }

  .inputBox {
    min-height: 150rpx;
  }

  .inputBox input {
    width: @inputWidth;
    height: @inputHeight;
    background-color: @backgroundColor_1e1e27;
    border-radius: 8px;
    padding-left: 1em;
    font-size: 24rpx;
    border: 2px solid transparent;

  }

  .inputBox input:focus {
    border: 2px solid @c_A5A6B9  !important;
  }

  .inputBox text {
    font-size: 24rpx;
    padding-left: 1em;
    color: @c_f40;
  }

  .agreement {
    width: @inputWidth;
    margin: 50rpx auto;
    font-size: 24rpx;
  }

  .van-radio__label {
    color: @textColor_fff;
    word-wrap: normal !important;
  }

  .loginBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: @inputWidth;
    height: @inputHeight;
    margin: 0rpx auto;
    color: @textColor_fff;
    border-radius: 11px;
    font-size: 28rpx;
    text-align: center;
    margin-top: 25px;
    background-image: linear-gradient(to right, @c_FE8F4E, @c_EC54CE);
  }
  
  .blue {
    background-image: none;
    background-color: @c_4050B5  !important;
  }
}